<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a id="link" href="http://baidu.com">百度一下,你就知道</a>
    <hr>
    <!-- action: 指定表单数据提交给那个文件,一般是一个后端程序文件 
         如果不写, 会默认提交给当前文件 
    -->
    <form>
        <input name="content" type="text" placeholder="请输入内容">
        <!-- 默认为提交按钮 -->
        <!-- 默认行为: 点击form标签标签内部的提交按钮, 会自动提交表单, 提交表单的同时会伴随一个默认行为, 刷新页面 -->
        <button>立即提交</button>
    </form>
    <script>
        // 获取元素dom对象
        var link = document.getElementById('link')
        link.onclick = function () {
            console.log('链接被点击了');
        }
    </script>
</body>

</html>